import React, { ReactNode, useContext, useEffect, useRef } from "react"
import { NodeViewContext } from "../NodeViewContext"
import { NodeViewReportContext } from "../NodeViewReportContext";

const TEXT_FONT_SIZE = 15;

export default function ({children}: {children: ReactNode}) {
    const ctx = useContext(NodeViewContext);

    return (
        <text x={ctx.relX} y={ctx.relY + TEXT_FONT_SIZE} style={
            {
                fontSize: TEXT_FONT_SIZE,
            }
        }>
            {children}
        </text>
    )
}
